<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
<%@ page import="java.util.UUID"%>
<!DOCTYPE HTML>
<html>
<head>
    <base href="<%=basePath%>">

    <title>首页</title>

    <link href="webpage/web/css/base.css" rel="stylesheet" />
    <link href="webpage/web/css/style.css" rel="stylesheet" />
    <!--Required libraries-->
    <script src="webpage/web/js/min/jquery-v1.10.2.min.js" type="text/javascript"></script>
    <script src="webpage/web/js/min/modernizr-custom-v2.7.1.min.js" type="text/javascript"></script>
    <script src="webpage/web/js/min/jquery-finger-v0.1.0.min.js" type="text/javascript"></script>
    <!--Include flickerplate-->
    <link href="webpage/web/css/flickerplate.css" type="text/css" rel="stylesheet">
    <script src="webpage/web/js/min/flickerplate.min.js" type="text/javascript"></script>

    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <script type="text/javascript" src="ajax-pushlet-client.js" type="text/javascript"></script>

    <script>
        $(document).ready(function() {
            $('.flicker-example').flicker();
        });
    </script>
</head>
<body class="bgimg f14">
<div class="header main clearfix pt30 pb30">
    <a href="#" class="l"><img src="webpage/web/images/logo.png" />
    </a>
    <div class="r pt15 p_r" >
        <div class="login_box bgf d_n box1" id="saoma">
            <div class="p20">
                <div class="t_r">
                    <img src="webpage/web/images/sm1.png" /> <img
                        src="webpage/web/images/TB19tEIKXXXXXb.XVXXWA_BHXXX-48-48.png"
                        class="mm" />
                </div>
                <p class="t_c f_b">扫码登录</p>
                <%
                    UUID uuid = UUID.randomUUID();
                %>
                <p class="t_c pt10">
                    <img src="../qrcode.jsp?uuid=<%=uuid%>" />
                </p>
                <div class="pt10">
                    <img src="webpage/web/images/0304.png" /> <span
                        class="dnb v_m f12">打开<span class="blue">微信</span>，扫一扫登录<br />更安全的登录方式</span>
                </div>
                <p class="pt10 f12">
                    <input type="checkbox" class="v_m" /> 我同意并已阅读<a href="#"
                                                                    class="blue">《健康云平台服务协议》</a>
                    <input type="hidden" id="uuid" value="<%=uuid%>"/>
                </p>
            </div>
        </div>
        <div class="login_box bgf d_n box2">
            <div class="p20">
                <div class="t_r">
                    <img src="webpage/web/images/sm_03.png" /> <img
                        src="webpage/web/images/TB1VHK4KFXXXXbPXFXXwxCdHXXX-47-47.png"
                        class="sm" />
                </div>
                <p class="bb">健康云用户可直接使用会员名登录</p>
                <p class="clearfix mt">
                    <span class="l f_b">登录名</span><a href="#" class="r blue">忘记登录名？</a>
                </p>
                <input type="text" class="bod bod_r txt01 pl10 ff mt"
                       placeholder="登录名" />
                <p class="clearfix mt">
                    <span class="l f_b">登录密码</span><a href="#" class="r blue">忘记登录密码？</a>
                </p>
                <input type="text" class="bod bod_r txt01 pl10 ff mt"
                       placeholder="密码" /> <input type="button" value="登录"
                                                  class="btn01 bod_r c_f f16 ff mt" />

                <p class="pt10 f12">
                    <input type="checkbox" class="v_m" /> 我同意并已阅读<a href="#"
                                                                    class="blue">《健康云平台服务协议》</a>
                </p>
            </div>
        </div>

        <a href="#"><img src="webpage/web/images/HOME_06.png" /> 注册</a> <a
            href="#" onclick="qrlogin()" class="ml20 dl_a"><img
            src="webpage/web/images/HOME_08.png" /> 登录</a>
    </div>
</div>
<div class="main">
    <div class="nav">
        <ul class="l t_c">
            <li class="l"><a href="#"><i class="db nbg01"></i>首页</a>
            </li>
            <li class="l"><a href="http://221.2.93.82:91"><i class="db nbg02"></i>数据集</a>
            </li>
            <li class="l"><a href="#"><i class="db nbg03"></i>功能规范</a>
            </li>
            <li class="l"><a href="http://192.168.10.59:8010/EHRService.svc?wsdl"><i class="db nbg04"></i>交换协议</a>
            </li>
            <li class="l"><a href="#"><i class="db nbg05"></i>基本公卫</a>
            </li>
            <li class="l"><a href="#"><i class="db nbg06"></i>基层HIS</a>
            </li>
            <li class="l"><a href="#"><i class="db nbg07"></i>家庭医生</a>
            </li>
            <li class="l"><a href="#"><i class="db nbg08"></i>乡村医生</a>
            </li>
            <li class="l"><a href="#"><i class="db nbg09"></i>在线培训</a>
            </li>
            <li class="l"><a href="http://221.2.93.82:90"><i class="db nbg10"></i>需求跟踪</a>
            </li>
            <li class="l"><a href="#"><i class="db nbg11"></i>资源下载</a>
            </li>
            <li class="l" style="background:none;"><a href="#"><i
                    class="db nbg12"></i>帮助</a>
            </li>
        </ul>
    </div>
    <div class="notice clearfix">
        <div class="l pl10">
            <a href="#" class="c_f"><img src="webpage/web/images/s_06.png" />
                公告：超声技术巡讲助力互联智慧分级诊疗服务体系建设</a>
        </div>
        <div class="r pr15" style="margin-top:-6px;">
            <img src="webpage/web/images/s_03.png" /> <select
                class=" sel ff v_m"><option>疾病名称</option>
        </select> <input type="text" class="txt pl5 v_m" placeholder="请输入搜索关键词" /><input
                type="button" value="搜索" class="btn c_f ff v_m" />
        </div>
    </div>
    <div class="bgf pl5 pr5 pt10" style="margin-top:-10px;">
        <div class="clearfix">
            <div class="l bod banner">
                <div class="flicker-example" data-block-text="false">
                    <ul>
                        <li data-background="webpage/web/images/HOME_22.png"></li>
                        <li data-background="webpage/web/images/HOME_22.png"></li>
                        <li data-background="webpage/web/images/HOME_22.png"></li>
                    </ul>
                </div>

            </div>
            <div class="fl r bod">
                <ul class="clearfix t_c">
                    <li class="l"><a href="#"><i class="fli01"></i>
                        <p class="pt10">身份认证</p>
                    </a>
                    </li>
                    <li class="l"><a href="#"><i class="fli02"></i>
                        <p class="pt10">门诊预约</p>
                    </a>
                    </li>
                    <li class="l"><a href="#"><i class="fli03"></i>
                        <p class="pt10">家人健康</p>
                    </a>
                    </li>
                    <li class="l"><a href="#"><i class="fli04"></i>
                        <p class="pt10">健康档案</p>
                    </a>
                    </li>
                    <li class="l"><a href="#"><i class="fli05"></i>
                        <p class="pt10">体检结果</p>
                    </a>
                    </li>
                    <li class="l"><a href="#"><i class="fli06"></i>
                        <p class="pt10">远程影像</p>
                    </a>
                    </li>
                    <li class="l"><a href="#"><i class="fli07"></i>
                        <p class="pt10">在线支付</p>
                    </a>
                    </li>
                    <li class="l"><a href="#"><i class="fli08"></i>
                        <p class="pt10">远程心电</p>
                    </a>
                    </li>
                    <li class="l"><a href="#"><i class="fli09"></i>
                        <p class="pt10">工作提醒</p>
                    </a>
                    </li>
                </ul>
            </div>
        </div>

        <div class="clearfix pb10 mt">
            <a href="#" class="db l bod p1"><img
                    src="webpage/web/images/HOME_30.png" />
            </a> <a href="#" class="db r bod p1"><img
                src="webpage/web/images/HOME_32.png" />
        </a>
        </div>
    </div>
</div>
<div class="footer t_c main pb20">
    <p class="pt15 pb5 blue mt5">
        <a href="#" class="green pl10 pr10">关于我们</a> | <a href="#"
                                                          class="green pl10 pr10">联系我们</a> | <a href="#"
                                                                                                class="green pl10 pr10">保密协议</a> | <a href="#"
                                                                                                                                      class="green pl10 pr10">免责信息</a>
    </p>
</div>
<script src="webpage/web/js/tab.js"></script>
</body>
<script type="text/javascript">
    var uuid=document.getElementById("uuid").value;
    function qrlogin(){
        PL._init();
        PL.joinListen('/qrlogin');
    }
    function onData(event) {
        if(event.get("uuid")==uuid && event.get("flag")=="Y"){
            var form1 = document.createElement("form");
            form1.style.display='none';
            form1.id = "form1";
            form1.name = "form1";
            document.body.appendChild(form1);
            var input = document.createElement("input");
            input.type = "text";
            input.name = "id";
            input.value = event.get("openid");
            form1.appendChild(input);
            form1.method = "POST";
            form1.action = event.get("url");
            form1.submit();
            //window.location.href=event.get("url");
        }else if(event.get("uuid")==uuid){
            PL.leave();
            document.getElementById("saoma").style.display="none";
        }
    }
</script>
</html>